<template>
  <div class="wrap">
      <top></top>
    <banner :imglist="swiperimgs"></banner>
    <list :list="listdata"></list>
    <recommend :hot="hotdata"></recommend>
    <week-end :weekendlist="weekendList"></week-end>
  </div>
</template>

<script>
import top from "@/components/index/header"
import banner from "@/components/index/banner"
import list from "@/components/index/list"
import recommend from "@/components/index/recommend"
import weekEnd from "@/components/index/weekend"
import axios from 'axios'
export default {
  name: 'index',
  components:{top,banner,list,recommend,weekEnd},
  data:function(){
    return {
      swiperimgs:'',
      listdata:'',
      hotdata:'',
      weekendList:''
    }
  },
  created() {
    var that=this;
    axios.get("../static/json/index.json").then(function(res){
      that.swiperimgs=res.data.data.swiperList;
      that.listdata=res.data.data.iconList;
      that.hotdata=res.data.data.recommendList;
      that.weekendList=res.data.data.weekendList;
      });
      
    },
}
</script>

<style lang="less">
@import"../assets/css/reset.css";
@import"../assets/css/border.css";

</style>
